<template>
	<div>

		<div class="details" @click="show">
			<div class="datails_title">
				<img src="//img1.qunarzz.com/sight/p0/201402/27/9566b58bc52cbdbac547b28c48e8ec96.jpg_600x330_aaf0f175.jpg" alt="" />
			</div>
		</div>


		
		<div class="content"></div>


	</div>
</template>

<script>
	export default {

		methods: {
			show() {
				this.$router.push({path:'/mainimg'})
			}
		}
	}
</script>

<style scoped="scoped">
	
	
	
	.content{
		height: 2000px;
	}
	
	
	.swiper-pagination{
		font-size: .4rem;
		color: white;
		position: absolute;
		bottom: -1rem;
	}
	.datails_title {
		width: 100%;
		height: 4rem;
	}
	
	.datails_title img {
		width: 100%;
		height: 100%;
	}
	
	.Mask {
		width: 100%;
		height: 100vh;
		background: #000000;
		position: fixed;
	}
	
	.datails_swiper {
		width: 100%;
		height: 4rem;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -2rem;
		/*background: red;*/
	}
	
	.datails_swiper img {
		width: 100%;
		height: 100%;
	}
	.swiper-slide img{
		width: 100%;
		height: 4rem;
	}
</style>